<template>
	<view class="content">
		<!-- 列表 -->
		<view class="lists">
			<!-- 标题部分 -->
			<view class="head">
				<view class="head_text">
					商城-基础版
				</view>
				<view class="head_text1">
					主要针对个人(独立设计师)或3人以下的运用团队开店，满足服务项主要针对个人(独立设计师)或3人以下的运用团队开店，满足服务项.
				</view>
			</view>
			<!-- 下变按钮和价格 -->
			<view class="footer">
				<view class="price">￥588.00元 /年</view>
				<view class="nowOrder" @click="nowOrder()"><text>立即订购</text></view>
			</view>
		</view>
		
		<view class="lists" >
			<!-- 标题部分 -->
			<view class="head">
				<view class="head_text">
					商城-专业版
				</view>
				<view class="head_text1">
					主要针对商家(个体门店)或3人以上的运用团队开店，满足服务项目销售，推广营销、设计师管理、顾客管理、复购增收、分享裂变等。
				</view>
			</view>
			<!-- 下变按钮和价格 -->
			<view class="footer">
				<view class="price">￥5000.00元 /年</view>
				<view class="nowOrder"><text>立即订购</text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			// 去往订购服务页面
			nowOrder(){
				uni.navigateTo({
					url:'../store_orderServe/store_orderServe'
				})
			}
		}
	}
</script>
<style>
	page{
		
		background: #EFEFEF;
	}
</style>
<style scoped lang="less">
	.content{
		padding-top: 20rpx;
		.lists{
			// width: 100%;
			padding: 37rpx 25rpx;			
			background: #FFFFFF;
			box-shadow: 0rpx 2rpx 7rpx 0px rgba(113, 113, 113, 0.26);
			border-radius: 4rpx;
			margin-bottom: 23rpx;
			.head{
				border-bottom: 1rpx solid #E1E1E1;
				.head_text{					
					font-size: 34rpx;
					font-family: PingFang;
					font-weight: bold;
					color: #282828;
					}
				.head_text1{					
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #414141;
					line-height: 40rpx;
				}
			}
			// 价格和按钮
			.footer{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding-top: 15rpx;
				.price{
					font-size: 30rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #00C6C2;
					line-height: 30rpx;
				}
				.nowOrder{
					width: 154rpx;
					height: 64rpx;
					background: #00C6C2;
					border-radius: 4rpx;
					text-align: center;
					line-height:64rpx ;
					text{
						color: white;
						opacity: 0.8;
					}
				}
			}
		}
	}
</style>
